<!DOCTYPE html>
<html>
<head>
	<title>zepto中的动画</title>
</head>
<body>
	<div>123</div>
	<button>点我点我</button>
	<script type="text/javascript" src="../../lib/zepto.min.js"></script>
	<script src="../../lib/fx.js"></script>
	<script src="../../lib/fx_methods.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('button').on('click' , function(){
				// $('div').toggle('slow');   //切换元素的显示与隐藏
				// $('div').hide(3000);
				// $('div').hide('slow');
				// $('div').show('slow');
				// $('div').fadeIn('slow');
			    // $('div').fadeOut('slow');
			    // $('div').fadeToggle('fast');   //切换元素的淡入与淡出
			    // $('div, button').fadeToggle('slow');
				// $("div").fadeTo(3000 , 1)
			})
		})
	</script>
</body>
</html>